<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String basepath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ request.getContextPath() + "/";
%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<style type="text/css">
a{
	text-decoration: none;
	color:#000;
}
.ds{
	width: 990px;
	margin-top:10px;
}
.ds>div>div{
	width: 2370px;
	height: 110px;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
	background: #b2d771;
	padding-top: 5px;
}
.ds .ds_left{
	width: 70px;
	height: 80px;
	margin-right: 8px;
	float: left;
	padding:5px 5px 0px 5px;
}
.ds .ds_left img{
	width: 60px;
	height: 60px;
	border-radius: 5px;
}
.ds .ds_right{
	padding: 0px 6px;
	height: 80px;
	font-size: 13px;
}
.ds .ds_right span{
	font-weight: 900;
}
.ds .ds_right .remove{
	padding:1px;
	border-radius: 15px;
	background: red;
	color: #fff;
	float: right;
	cursor:pointer;
}
.ds .ds_bottom button{
	font-size: 12px;
	padding: 2px 5px;
	border:none;
	border-radius: 5px;
	background: #c3c3c5;
	float: right;
	margin-right: 10px;
}
.ds .tjds{
	width: 237px;
	height: 110px;
	cursor: pointer;
	background: #c3c3c5;
	box-shadow:3px 3px 3px #888;
	float: left;
	padding: 25px 0px 0px 30px;
}
.ds .tjds img,span{
	float: left;
}

.ds .tjds span{
	line-height: 50px;
	margin-left: 30px;
}
.xx{
	width: 690px;
	padding:20px 0px;
	margin: 10px 0px 100px 0px;
	background: #fafafa;
	border: 1px solid #d8d8d9;
	border-radius: 5px;
	height: 160px;
	display: none;
	
}
.xx>div{
	float: left;
	margin-right: 5px;
}
.xx p{
	margin-bottom: 10px;
}
.xx input,textarea{
	border: 1px solid #bbbcbd;
}
.jbxx p>span{
	display: inline-block;
	width: 70px;
	text-align: right;
	font-size: 16px;
	padding-right: 10px;
	
}
.xx .jj{
	margin-left: 5px;
}
.xx .jj textarea{
	width: 350px;
	height: 90px;
	resize:none;
	margin-left: 5px;
}
.xx .jj button{
	margin-left: 90px;
}
.xx .button button{
	background: #d1d1d4;
	color: #fff;
	border:1px solid #bbbcbd;
	width: 50px;
}
.xx .button .tj{
	background: #b2d771;
	color: #000;
	margin-top: 15px;
}
.xx .tzr .tj{
	margin-top: 60px;
}
.fenlei>ul{
float:left;
	border: 1px solid #c3c3c5;
	padding-top: 13px;
}
.fenlei>ul>li{
	cursor: pointer;
	padding:3px 10px;
	float: left;
	list-style: none;
}
.fenlei>ul .leixing{
	background: #c3c3c5;
	border:1px solid #c3c3c5;
	margin-right: 10px;
	font-size: 12px;
}
</style>
</head>
<body>
<div class="body_top">
	<div>
		<p>查看日历</p>
		<div>
			<p>VIEW CALENDAR</p>
			<p class="last_p">ENTERPRENEURSHIP NETWORK TO CREATE INFINITE
				POSSIBILITY</p>
		</div>
	</div>
</div>
<div class="fenlei">
    <ul>
		<li>类型：</li>
		<c:forEach items="${requestScope.field }" var="field">
		<li class="leixing"><a class="turn_pjax" href="admin/link_addCdyy?type=${field.ft_id }">${field.ft_name }</a></li>
		</c:forEach>
	</ul>
</div>
<div class="ds clearfix yjds">
	<c:forEach items="${requestScope.cales }" var="list">
		<c:set var="startime1" value="${list.get(0).f_startime }"/>
		<c:set var="startime2" value="${fn:substring(startime1, 0, 5)}" />
		<c:set var="endtime1" value="${list.get(0).f_endtime }"/>
		<c:set var="endtime2" value="${fn:substring(endtime1, 0, 5)}" />
		<p><span>ID:${list.get(0).f_id },</span><span>${list.get(0).f_stardate }</span><span>>>${startime2 }</span><span>--${endtime2 }</span><span> [${list.get(1).ft_name }]</span></p><br>
	</c:forEach>
	<br><table border="1">
		<tr>
			<th>时间</th>
			<th>11-03</th>
			<th>11-04</th>
			<th>11-05</th>
			<th>11-06</th>
			<th>11-07</th>
			<th>11-08</th>
			<th>11-09</th>
		</tr>
		<tr><th> 8:00~9:00 AM</th><td>讨论室</td><td>会议室</td><td></td><td>讨论室</td><td></td><td>讨论室</td><td></td></tr>
		<tr><th>10:00~11:30 AM</th><td></td><td></td><td></td><td>讨论室</td><td>会议室</td><td></td><td>讨论室</td></tr>
		<tr><th>2:00~3:30 PM</th><td></td><td>讨论室</td><td></td><td>会议室</td><td></td><td>会议室</td><td></td></tr>
		<tr><th>4:00~5:30 PM</th><td>讨论室</td><td></td><td>讨论室</td><td>会议室</td><td></td><td></td><td>会议室</td></tr>
	</table>		
</div>
</body>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".tjds").click(function(){
			$(this).parent().next().slideToggle();
		});
		$(".remove").click(function(){
			$(this).parent().parent().parent().css("display","none");
		});
				//选择类型
	$(".fenlei .leixing").click(function(){
		$(this).children().css({"background":"#b2d771","color":"#fff"});
		$(this).siblings().children().css({"background":"#c3c3c5","color":"#000"});
	})
})
function teacInfo(id) {
	$.ajax({
		type: "post",
		url: "ajax/codeCheck",
		data: {id : id},
		dataType: "json",
		success:function(data){
			var dataa = eval("("+data+")");
			alert(data);//true 验证码正确
		}
	}); 
}
</script>